<template>
	<view class="con">
		<!-- 搜索好友 -->
		<Search :token="receivedData"></Search>
		<!-- 好友 -->
		<scroll-view scroll-y>
			<chat></chat>
		</scroll-view>
		<!-- 添加好友 -->
		<Add class="addIcon"></Add>
	</view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import Search from './components/search.vue';
import Add from './components/add.vue';
import chat from './components/chat.vue';

const receivedData = ref(null);
onLoad((options) => {
	receivedData.value = options.data;
});
</script>

<style lang="scss">
.con {
	position: relative;
}

.addIcon {
	position: absolute;
	top: 0;
	right: 20rpx;
}
</style>
